<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">                 
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">    
                <p:panel id="pnlDatosPersona" header="#{i18n['persona.panel.titulo']}" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid id="pgFormFilter" columns="10" cellpadding="4">                        
                        <h:outputLabel value="#{i18n['persona.label.nombre_completo']}:" styleClass="label"/>
                        <h:outputText value="#{personaMBean.dto.nombreCompleto}" style="#{applicationMBean.estiloObligatorio}"/>
                        <h:outputLabel value="#{i18n['persona.label.email']}:" styleClass="label"/>
                        <h:outputText value="#{personaMBean.dto.email}" style="#{applicationMBean.estiloObligatorio}"/>
                    </h:panelGrid>                
                </p:panel>
                <p:spacer height="10px"/>
                <p:panel id="pnlPrincipal" header="#{i18n['persona.historial.titulo.listado']}" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid id="pgFormDto" columns="1" cellpadding="4">                                       
                        <p:dataTable id="tblReqPorPerson" value="#{personaMBean.listaRequerimientoDto}" var="dto"
                                     selectionMode="single" rowKey="#{dto.id}"
                                     emptyMessage="#{i18n['persona.historial.no.requerimientos']}" styleClass="estiloPanel"                              
                                     >                        
                            <p:column style="text-align:center;">
                                <h:panelGrid id="pgBotonesGrilla" columns="10" cellspacing="10" styleClass="estiloPanelGrid">

                                    <p:commandButton icon="ui-icon-search" title="#{i18n['persona.historial.button.ver_evaluaciones']}" 
                                                     ajax="true"
                                                     update=":frmPopupEvalHistorial:tblEvalHistorial"
                                                     oncomplete="carDialogEvaluaciones.show()"
                                                     action="#{personaMBean.cargarPopupEvaluaciones}">
                                        <f:setPropertyActionListener value="#{dto}" target="#{personaMBean.requerimientoDto}" /> 
                                    </p:commandButton>
                                </h:panelGrid>
                            </p:column>
                            <p:column headerText="#{i18n['persona.historial.header.convoca']}"  style="text-align:center;">
                                <h:outputText value="#{dto.convocatoriaDto.descripcion}" styleClass="txtCampo" />
                            </p:column>
                            <p:column headerText="#{i18n['persona.historial.header.requerim']}"  style="text-align:center;">
                                <h:outputText value="#{dto.descripcion}" styleClass="txtCampo" />
                            </p:column>
                            <p:column headerText="#{i18n['persona.historial.header.fec_publica']}"  style="text-align:center;">
                                <h:outputText value="#{dto.convocatoriaDto.fechaPublicacion}" styleClass="txtCampo" />
                            </p:column>
                            <p:column headerText="#{i18n['persona.historial.header.nota_final']}"  style="text-align:center;">
                                <h:outputText value="#{dto.notaFinalHistorial}" styleClass="txtCampo" />
                            </p:column>
                            <p:column headerText="#{i18n['persona.historial.header.acumulado']}" >
                                <h:outputText value="#{dto.notaAcumuladaHistorial}" styleClass="txtCampo" />
                        </p:column> 
                            <p:column headerText="#{i18n['persona.historial.header.estado']}"  style="text-align:center;">
                                <h:outputText value="#{dto.estadoHistorial}" styleClass="txtCampo" />
                            </p:column>
                        </p:dataTable>
                    </h:panelGrid>
                </p:panel>    
                <p:spacer height="10px"/>
                <p:panel id="pnlAcciones">
                    <h:panelGrid columns="10">                        
                        <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true" 
                                         value="#{i18n['general.button.atras']}" style="#{applicationMBean.cssBotonAtras}"
                                         action="#{personaMBean.retrocederhistorial}">                                    
                        </p:commandButton>  
                    </h:panelGrid>
                </p:panel>
 
            </h:form>

            <p:dialog id="dialogEvaluaciones" header="#{i18n['persona.historial.popup.evaluaciones']}" widgetVar="carDialogEvaluaciones" resizable="false"  
                      width="400" height="200" modal="true">  
                <p:messages id="msjDialog" showDetail="false" autoUpdate="true" />   
                <ui:include src="/pages/sgc/popup/popupEvaluacionHistorial.xhtml" /> 
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>